.px2rem(@name,@px){
    @{name}:@px / 75 * 1rem;
}
html,body{
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    background-image: url(../imgs/dl-bg.png);
    background-size: 100% 100%;
}
.dl-header{
    display: flex;
    .px2rem(height,88);
    align-items: center;
    .header-left{
        display: flex;
        align-items: center;
        justify-content: center;
        .px2rem(width,100);
        .px2rem(height,50);
        img{
            .px2rem(width,27);
            .px2rem(height,27);
        }
    }
}
.dl-main{
    .logo-figure{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            .px2rem(width,267);
            .px2rem(height,147);
        }
    }
    .ipt{
        .px2rem(padding-top,95);
        width: 75%;
        margin: 0 auto;
        .ipt-top{
            width: 100%;
            input{
                .px2rem(font-size,25);
                border: none;
                outline: none;
                width: 100%;
                .px2rem(height,60);
                background: #f1f1f1;
                border-bottom: 1px solid #e4e4e4;
                &::placeholder{
                    color: #a6aeb9;
                    .px2rem(line-height,60);
                }
            }
        }
        .ipt-zhong{
            width: 100%;
            input{
                .px2rem(font-size,25);
                border: none;
                outline: none;
                width: 100%;
                .px2rem(height,60);
                background: #f1f1f1;
                border-bottom: 1px solid #e4e4e4;
                &::placeholder{
                    color: #a6aeb9;
                    .px2rem(line-height,60);
                }
            }
        }
        .ipt-bottom{
            .px2rem(margin-top,53);
            width: 100%;
            .px2rem(height,82);
            display: flex;
            align-items: center;
            justify-content: center;
            background: #101010;
            color: #ffffff;
        }
    }
}
.dl-footer{
    width: 75%;
    margin: 0 auto;
    .px2rem(padding-top,110);
    .px2rem(font-size,22);
    section{
        p{
            color: #627185;
        }
        div{
            display: flex;
            justify-content: space-between;
            .px2rem(padding-top,24);
            p{
                width: 30%;
                .px2rem(height,64);
                border: 1px solid #000000;
                display: flex;
                align-items: center;
                justify-content: center;
                img{
                    .px2rem(width,95);
                    .px2rem(height,30);
                }
            }
        }
    }
}